<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="static/filterSelect/filterSelect.css" />
<style>
   .input-text{ 
    width:140px; 
   } 
   .container{
		width:100%;
		height:100%;
		overflow:auto;
		position:fixed;
		float:left; 
		cursor:pointer;
	}
   /**当设备宽度小于980时*/
   @media screen and (max-width:980px){
	.container{
		width:100%;
	}
   }
   #modalProviderName{
   	width:140px;
   	height:32px;
   	display: inline-block;
   }
   table{
   	word-break: keep-all;
   	white-space:nowrap;
   }
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>物料表</title>
</head>
<body>
	<div class="page-container">
		  物料名称：<input type="text" class="input-text" id="inmaterialName" list="inmaterialNamelList" placeholder="物料名称"/>
		        <datalist id="inmaterialNamelList"></datalist>
		  规格型号：<input type="text" class="input-text" id="inmodal" list="inmodalList" placeholder="规格型号"/>
		        <datalist id="inmodalList"><option value='请输入'></datalist>
		  物料类型：<input type="text" class="input-text" id="inmaterialType" list="inmaterialTypeList" placeholder="物料类型"/>
		        <datalist id="inmaterialTypeList"><option value='请输入'></datalist>
		  供应商：<input type="text" class="input-text" id="inproviderName" list="inproviderNameList" placeholder="供应商"/>
		        <datalist id="inproviderNameList"><option value='请输入'></datalist>
		  编号：<input type="text" class="input-text" id="incolor" list="incolorList" placeholder="编号"/>
		        <datalist id="incolorList"><option value='请输入'></datalist>
		 <br/><br/>
		  描述：<input type="text" class="input-text" id="incolorDescription" list="incolorDescriptionList" placeholder="描述"/>
		        <datalist id="incolorDescriptionList"><option value='请输入'></datalist>
		   验收人:<select class="input-text" name="approvalUser">
				              <option value="">请选择</option>
				        </select>
		 <button class="btn btn-primary radius" id="queryMaterial">查询</button>
		 <button class="btn btn-primary radius" id="savdInWarehouseBtn">入库</button>
		 <span id="addMaterialCodeBtn" class="btn btn-primary radius" data-toggle="modal" data-target="#addMaterialModal">添加物料</span>
		 
<!-- 		 入库物料信息   -->
		 <table id="inMaterialTable" class="table table-border table-bordered table-bg table-hover">
		     <thead>
		         <tr>
		            <th>物料名称</th>
		            <th>物料类型</th>
		            <th>供应商</th>
		            <th>规格型号</th>
		            <th>编号</th>
		            <th>描述</th>
		            <th>物料单价</th>
		            <th>库存</th>
		            <th>入库数</th>
		            <th>入库单价</th>
		            <th>仓位</th>
		            <th>备注</th>
		            <th>选择</th>
		         </tr>
		     </thead>
		     <tbody>
		     
		     </tbody>
		 </table>   
		     
	<!-- 模态框 默认隐藏 -->
	<div id="addMaterialModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="materialModal" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content"><!-- 内容 -->
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h2 class="modal-title" id="addMaterialModalLabel" style="font-size:22px;">添加物料</h2>
				</div>
				<div class="modal-body" style="max-height:300px;overflow:auto;">
					<table class="table table-bg table-hover table-border">
						<tr>
							<td>物料名称</td>
							<td>
								<input id="modalMaterialName" class="input-text" list="materialNameList"/>
								<datalist id="materialNameList"></datalist>
							</td>
						</tr>
						<tr>
							<td>图片</td>
							<td>
								<div>
									<input type="file" id="modal-chooseImage" name="file"/>
									<img id="modal-cropedBigImg" alt="" data-address='' title="自定义背景" height="160px;" width="240px;"/> 
								</div>
							</td>
						</tr>
						<tr>
							<td>规格型号</td>
							<td>
								<input id="modalModel" class="input-text" list="modelList"/>
								<datalist id="modelList"></datalist>
							</td>
						</tr>
						<tr>
							<td>材质</td>
							<td>
								<input id="modal-material" type="text" class="input-text"/>
							</td>
						</tr>
						<tr>
							<td>供应商名称</td>
							<td>
								<div id="modalProviderName" ></div>
								<span data-value="2" class="addProvider btn">添加供应商</span>
							</td>
						</tr>
						<tr>
							<td>编号</td>
							<td>
								<input id="modalColor" class="input-text" list="colorList"/>
								<datalist id="colorList"></datalist>
							</td>
						</tr>
						<tr>
							<td>描述</td>
							<td>
								<input id="modalColorDescription" class="input-text" type="text"/>
							</td>
						</tr>
						<tr>
							<td>默认仓库</td>
							<td>
								<select id="modalDefaultWarehouse" class="input-text" >
									<option value=''>请选择</option>
									<option value="原材料仓">原材料仓</option>
									<option value="辅料仓">辅料仓</option> 
									<!-- <option value="信息备注仓">信息备注仓</option>
									<option value='待处理仓(不良品)'>待处理仓(不良品)</option>
									<option value='待处理仓(报废品)'>待处理仓(报废品)</option> -->
								</select>
							</td>
						</tr>
						<tr>
							<td>物料类型</td>
							<td>
								<input  id="modalMaterialType" class="input-text" list="materialTypeList"/>
								<datalist id="materialTypeList"></datalist>
								<select id="modalTypeSelect" style="display:none" class="input-text"></select>
							</td>
						</tr>
						<tr id="modal-transTr" style="display:none;">
							<td>透光率</td>
							<td>
								<input id="modal-transmittance" type="text" class="input-text" placeholder="0.00-100.00（%）"/>
							</td>
						</tr>
						<tr>
							<td>单位</td>
							<td>
								<select id="modalUnit" class="input-text input-info"></select>
							</td>
						</tr>
						<tr>
							<td>单价</td>
							<td>
								<input id="modalUnitPrice" class="input-text input-info" type="text"/>
							</td>
						</tr>
						<tr>
							<td>计价单位是否和生产单位相同</td>
							<td>
								<select id="modalIsEquals" class="input-text input-info">
									<option value="">请选择</option>
									<option value="1">相同</option>
									<option value="0">不相同</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>是否可库存</td>
							<td>
								<select id="modalIsStock" class="input-text input-info">
									<option value="">请选择</option>
									<option value="1">是</option>
									<option value="0">否</option>
								</select>
							</td>
						</tr>
						
						<tr>
							<td>采购周期</td>
							<td>
								<input id="modalProcurementCycles" class="input-text input-info" type="text"/>
							</td>
						</tr>
						<tr>
							<td>安全库存上限</td>
							<td>
								<input id="modalSafetyStockMax" class="input-text input-info" type="text"/>
							</td>
						</tr>
						<tr>
							<td>安全库存下限</td>
							<td>
								<input id="modalSafetyStockMin" class="input-text input-info" type="text"/>
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="add" type="button" class="btn btn-primary">添加</button>
				</div>
			</div>
		</div>
	</div>   
	</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
<script type="text/javascript" src="static/filterSelect/filterSelect.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="myJs/materialCompany.js"></script>
<script type="text/javascript" src="myJs/warehouseInByNotPurchaseOrder.js"></script>
</body>
</html>